<template>
  <div class="box">
      <div class='image'>
          <img src="../../../assets/image/scl.jpeg">
      </div>
      <div class='content'>
            <h2>
              <span style="color:red">*</span>{{title}}
          </h2>
          <h3>{{intro}}<router-link active-class="active" to="/SCLtest">点击进入</router-link></h3>
      </div>
  </div>
</template>

<script>
export default {
    name:'TestItem',
    props:['title','intro']

}
</script>

<style>
*{
    margin:0;
    padding:0;
}
.box{
    float: left;
    width:360px;
    height:300px;
    box-shadow: 0 0 10px #ddd;
}
.box .image{
    width:330x;
    height:190px;
    margin:3px auto;
}
.image img{
    width:100%;
    height: 100%;
}
.content{
    margin-top:15px;
    padding:5px;
}
.content h3{
    position: relative;
}
.content h3>a{
    position: absolute;
    right: 5px;
}


</style>